<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
    <link rel="stylesheet" href="../css/register.css">
    <script type="text/javascript" src="../js/register.js"></script>
</head>
<body class="back-img">
<!--检查登陆状态-->
<script>isLogin();</script>
<div class="root">

    <form onsubmit="return check()" method="post">
        <fieldset>
            <div class="input-box">
                <p>注&nbsp&nbsp册</p>

                <label for="username">
                    <label style="color: #ee4848">*&ensp;</label> 用&ensp;户&ensp;名：</label>
                <input type="text" name="username" placeholder="数字或字母，3-15字符" id="username" title="输入数字或字母，3-15字符">
                <span class="error" id="usernameErr"></span>
                <br>

                <label for="name">
                    <label style="color: #ee4848">*&ensp;</label> 昵&ensp;&ensp;&ensp;&ensp;称：</label>
                <input type="text" name="name" placeholder="数字、字母或汉字，3-20字符" id="name" title="输入数字、字母或汉字，3-20字符">
                <span class="error" id="nameErr"></span>
                <br>

                <label for="email"><label style="color: #ee4848">*&ensp;</label> 邮箱地址：</label>
                <input type="text" name="email" placeholder="有效的邮箱地址" id="email" title="输入有效的邮箱地址">
                <span class="error" id="emailErr"></span>
                <br>


                <!-- 非必需-->
                <label>
                    <label style="opacity: 0">*&ensp;</label> 性&ensp;&ensp;&ensp;&ensp;别：</label>
                <sub><input type="radio" name="gender" class="gender" value="male" title="选择男性"/></sub>男&ensp;&ensp;
                <sub><input type="radio" name="gender" class="gender" value="female" title="选择女性"/></sub>女&ensp;&ensp;
                <sub><input type="radio" name="gender" class="gender" value="hidden" title="不保留当前选项"/></sub>不选
                <br>

                <!--非必需-->
                <label for="phone">
                    <label style="opacity: 0">*&ensp;</label> 电话号码：</label>
                <input type="text" name="phone" placeholder="有效的电话号码" id="phone" title="输入有效的电话号码">
                <span class="error" id="phoneErr"></span>
                <br>

                <label for="password">
                    <label style="color: #ee4848">*&ensp;</label> 密&ensp;&ensp;&ensp;&ensp;码：</label>
                <input type="password" name="password" placeholder="数字或字母，6-20字符" id="password" title="输入数字或字母，6-20字符">
                <span class="error" id="passwordErr"></span>
                <br>

                <label for="rePassword">
                    <label style="color: #ee4848">*&ensp;</label> 确认密码：</label>
                <input type="password" name="rePassword" placeholder="再次输入密码" id="rePassword" title="再次输入密码">
                <span class="error" id="rePasswordErr"></span>
                <br> <br>


                <input type="submit" value="注 册" id="submit" title="注册">

                <a id="returnLogin" href="login.html" title="返回登陆">👈返回登录</a>
                <a id="help" onclick="help()" title="帮助">帮助🙋‍</a>
            </div>
        </fieldset>
    </form>
</div>
</body>
</html>